.root {
    font-size: 14px;
    :global {
        // .content-inner {
        //     padding-bottom: 20px;
        // }
        // dl {
        //     margin-right: 10px;
        // }
        // dt,
        // dd {
        //     display: inline-block;
        // }
        // table{
        //     width:100%;
        // }
        // th,
        // td {
        //     white-space: nowrap;
        // }
        // .toolbar {
        //     padding: 15px;
        //     border-bottom: 1px solid rgb(233, 233, 233);
        //     dl {
        //         display: inline-block;
        //     }
        // }
        // .dataArea {
        //     //padding: 0 15px;
        //     padding: 0;
        //     .ant-card-bordered{border:0;}
        //     .ant-calendar-picker{
        //         margin-right: 20px;
        //         .ant-input{
        //             border: 1px solid #979797;
        //         }
        //         .ant-calendar-picker-icon:after{
        //             color: #4d4d4d;
        //         }
        //     }
        //     .ant-select-selection{
        //         border: 1px solid #979797;
        //     }
        //     .ant-select-arrow{
        //          color: #d8d8d8;
        //     }
        //     .ant-card {
        //         margin-top: 20px;
        //         .ant-card-head{
        //             background: #ddd;
        //             padding: 7px 10px 5px;
        //             min-height: 30px;
        //             margin-bottom: 10px;
        //             border-bottom: 0;
        //             .ant-card-head-title{
        //                 padding: 0;
        //                 height: 18px;
        //                 line-height: 18px;
        //                 color: #4a4a4a;
        //                 font-weight: bold;
        //                 font-size: 14px;
        //             }
        //         }
        //         .ant-card-body{
        //             padding:5px 0 24px;
        //         }
        //     }
        //     .portfolioAssets,.categoryAssets{
        //         margin-top: 12px;
        //         margin-bottom: 10px;
        //         border: 1px solid #f7f7f7;
        //         padding: 30px 16px;
        //     }
        //     .portfolioAssets,.categoryAssets,.industryDistribution,.topTenStocks{
        //          .ant-table table{
        //             border: 1px solid #ddd;
        //              border-bottom: 0;
        //              background: #fff;
        //             .ant-table-thead{
        //                 background: #f7f7f7;
        //                 height: 30px;
        //                 &>tr{
        //                     th{
        //                     //padding: 7px 20px 6px;
        //                     padding:7px 8px 6px;
        //                     box-sizing:border-box; 
        //                     line-height: 16px;
        //                     text-align: left;
        //                     span{
        //                         font-size: 12px;
        //                         line-height: 17px;
        //                         color: #4a4a4a;
        //                         font-weight: bold;
        //                     }
        //                 }
        //               } 
        //             }
        //             .ant-table-tbody>tr{
        //             td{
        //                 //padding: 4px 20px 6px;
        //                 padding: 4px 8px 6px;
        //                 box-sizing:border-box; 
        //                 font-size:12px;
        //                 line-height: 20px;
        //                 color: #4a4a4a; 
        //                 text-align: left;
        //             }
        //            }
        //         }
        //         .ant-table-placeholder{
        //             border: 1px solid #e8e8e8;
        //             border-top: 0;
        //             width:100%;
        //         }
        //     }
        //     //组合资产
        //     .portfolioAssets{
               
        //     }
        //     //类别资产
        //     .categoryAssets{

        //     }
        //     .categoryAssets,.industryDistribution{
        //         .ant-table table .ant-table-thead>tr>th{
        //            text-align: right; 
        //            &:nth-child(1){
        //               text-align: left;  
        //            }
        //         }
        //         .ant-table table .ant-table-tbody>tr>td{
        //            text-align: right; 
        //            &:nth-child(1){
        //               text-align: left;  
        //            }
        //         }
        //     }
        //     //行业分布
        //     .industryDistribution{
        //         overflow: hidden;
        //         .ant-table-body{
        //             max-height: 249px;
        //             overflow-y: auto;
        //         }
        //         .ant-row>div>div{
        //             padding: 30px 16px;
        //             border: 1px solid #f7f7f7;
        //         }
        //         .industryTable>div{
        //             height: 310px;
        //         }
        //     }
        //     .positionTrend,.topTenStocks{
        //         .ant-card-head{
        //             background: transparent;
        //             padding: 0;
        //             min-height: 18px;
        //             line-height: 18px;
        //             padding-left: 8px;
        //             border-left: 4px solid #4f7bcf;
        //         }
        //     }
        //     //仓位走势
        //     .positionTrend{
        //         margin-top:5px;
        //         .react-echarts{
        //             border: 1px solid #ddd;
        //             margin-top: 15px;
        //             padding: 30px 40px 15px 0;
        //             overflow: hidden;
        //         }
        //     }
        //     //前十大重仓股票
        //     .topTenStocks{
        //         //.ant-card-body{border:1px solid #ddd;}
        //        .ant-table-body{
        //            overflow-x: auto;
        //        }
        //        //.ant-table-body{border: 1px solid #ddd;}
        //        .ant-table table .ant-table-thead>tr:first-child>th{
        //             background: #ddd;
        //         }
        //        .ant-table table .ant-table-thead>tr>th{
        //            white-space: normal;
        //            text-align: left;
        //            padding: 7px 12px 6px;
        //            background: #f7f7f7;
        //            &:nth-child(7),&:nth-child(8),&:nth-child(9),&:nth-child(10){
        //               text-align: right; 
        //            }
        //         }
        //         .ant-table table .ant-table-tbody>tr>td{
        //             padding: 4px 0 6px;
        //             padding-left: 12px;
        //             white-space: normal;
        //             &:nth-child(7),&:nth-child(8),&:nth-child(9),&:nth-child(10){
        //               text-align: right; 
        //               padding-left: 0;
        //               padding-right: 12px; 
        //            }
        //         } 
        //     }
        // }
        // .ant-card {
        //     margin-bottom: 10px;
        // }
        // .monthlyReturn {
        //     dl {
        //         font-size: 16px;
        //         padding: 10px;
        //     }
        // }
        .ant-table table{
                background: #fff;
            .ant-table-thead{
                height: 30px;
                &>tr{
                    th{
                    padding:7px 8px 6px;
                    box-sizing:border-box; 
                    line-height:20px;
                    text-align: right;
                    border-right: 1px solid #fff;
                    border-bottom:0;
                    background: #f7f7f7;
                    span{
                        font-size: 14px;
                        line-height: 17px;
                        color: #8d8d8d;
                        font-weight: bold;
                    }
                    &:first-child{text-align: left;width:22%}
                    &:last-child{border-right: 0;width:18%}
                }
                } 
            }
            .ant-table-tbody>tr{
                height: 32px;
                &:hover>td progress::-webkit-progress-bar,&:nth-child(even):hover>td progress::-webkit-progress-bar{     
                        background-color:#e6f7ff;
                    }
                &:nth-child(even){
                    background: #fafafa;
                    td progress::-webkit-progress-bar{     
                        background-color:#fafafa;
                    }
                }
                td{
                    padding: 4px 8px;
                    box-sizing:border-box; 
                    font-size:14px;
                    line-height: 24px;
                    color: #4a4a4a; 
                    text-align: right;
                    border-bottom:0;
                    &:first-child{text-align: left;width:22%;}
                    &:last-child{width:18%}
                }
            }
        }
        .classRatio,.stockPosition{
            &>.ant-card-body{padding: 0}
        }
        .timeRangeSelect{
            margin-right: 20px;
            margin-bottom: 12px;
            .ant-input{
                border: 1px solid #979797;
                font-size: 14px;
                color: #4a4a4a;
            }
            .ant-calendar-picker-icon:after{
                color: #666;
            }
        }
        .portfolioAssets,.categoryAssets,.industryDistribution{
            &>.ant-card-body{
                border: 1px solid #e4e4e4;
                padding: 12px 16px;
            }
            .ant-row{margin-top: 0}
        }
        .portfolioAssets{
            .ant-table table{margin-top: 4px;}
        }
        .industryDistribution{
            .ant-select{margin-bottom: 12px;color: #4a4a4a;}
            .ant-select-selection{
                border: 1px solid #979797;
            }
            .ant-select-arrow{
                 color: #d8d8d8;
            }
            .ant-table table{
                .ant-table-thead>tr th{
                    &:first-child,&:last-child{width:auto;}
                }
                
                .ant-table-tbody>tr td{
                    &:first-child,&:last-child{width:auto;}
                }
            }
        }
        .dataArea .ant-card-body .positionTrend>div:first-child,.dataArea .ant-card-body .topTenStocks>div:first-child{
                background: transparent;
                padding: 0;
                min-height: 18px;
                line-height: 18px;
                padding-left: 8px;
                border-left: 4px solid #4a90e2;
        }
        .positionTrend,.topTenStocks{
            .ant-card-body{padding: 0;}
        }
        .topTenStocks{
            .ant-table table .ant-table-thead>tr{
                &:first-child{
                    height: 38px;
                    &>th{
                        background:rgba(221, 221, 221, 0.8);
                        text-align: center;
                        span{color:#4a4a4a}
                        width:auto;
                    }
                }
                &>th{
                    background: #f7f7f7;
                    text-align: left;
                    width:auto;
                     &:nth-child(4),&:nth-child(7),&:nth-child(8),&:nth-child(9),&:nth-child(10),&:nth-child(11),&:nth-child(12),&:nth-child(13),&:nth-child(14){text-align: right}
                    }
            }
            .ant-table table .ant-table-tbody>tr>td{
                text-align: left;width:auto;
                &:nth-child(4),&:nth-child(7),&:nth-child(8),&:nth-child(9),&:nth-child(10),&:nth-child(11),&:nth-child(12),&:nth-child(13),&:nth-child(14){text-align: right}
            }
        }
        .categoryAssets{
            .legend{
                min-width: 200px;
                i{
                    display: inline-block;
                    vertical-align: middle;
                    font-size: 18px;
                }
            }
        }
    }
}